@use "./animation.scss";

.__fa-loading {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: var(--el-bfa-color);
	z-index: 9990;
	.__fa-loading__box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		.__fa-loading__box-warp {
			width: 80px;
			height: 80px;
			.__fa-loading__box-warp__item {
				width: 55px;
				aspect-ratio: 1;
				--g1: conic-gradient(from 90deg at 3px 3px, #0000 90deg, var(--el-color-primary) 0);
				--g2: conic-gradient(from -90deg at 22px 22px, #0000 90deg, var(--el-color-primary) 0);
				background: var(--g1), var(--g1), var(--g1), var(--g2), var(--g2), var(--g2);
				background-size: 25px 25px;
				background-repeat: no-repeat;
				animation: loading 1.2s infinite;
			}
		}
	}
}
